docs
Getting started Quickstart First CRUD App Core Concepts Core versions
v15.0.0 development v14.0.5 latest v14.0.4 v14.0.3 v14.0.2 v14.0.1 v13.0.9 v13.0.8 v13.0.7 v13.0.6 v13.0.5 v13.0.4 v13.0.3 v13.0.2 v13.0.1 v12.1.6 v12.1.1 v12.1.0 v12.0.7 v12.0.6 v12.0.5 v12.0.4 v12.0.3 v12.0.1 v12.0.0 v11.5.18 v11.5.15 v11.5.13 v11.5.7 v11.5.5 v11.5.3 v11.4.7 v11.3.3 v11.3.2 v11.3.0 v11.2.5 v11.2.1 v11.1.17 v11.0.1 v11.0.0 v10.6.7 v10.6.2 v10.6.1 v10.5.10 v10.5.2 v10.4.54 v10.4.53 v10.4.52 v10.4.51 v10.4.47 v10.4.46 v10.4.29 v10.4.28 v10.4.21 v10.4.20 v10.4.16 v10.4.15 v10.4.14 v10.4.7 v10.3.14 v10.3.13 v10.3.11 v10.3.2 v10.2.9 v10.2.7 v10.2.1 v10.1.2 v10.0.18 v9.4.42 v9.4.39 v9.4.4 v9.3.25 v9.3.13 v9.3.5 v9.3.2 v9.2.15 v9.2.5

Cluster

Getting Access User Access User Roles Explained Token Device Data Deployment Usage Build Your First API API Guide API's
api-history audit-logs authentication authentication-groups blueprint-action-types blueprint-actions blueprint-activity blueprint-changes blueprint-comments blueprint-components blueprint-events blueprint-fields blueprint-flows blueprint-tags blueprint-templates blueprint-validation blueprints cache-management cluster-statistics entity-management feedback ip-management language language-management languages local-devices node-settings password-reset queue react-components redis-keys settings storage storage-events system system---languages system-assets system-hints system-information system-key-value system-logs system-nodes system-security system-storages system-threads system-upgrades system-users user-activity user-groups user-logs users well-known

Blocks

All blocks
Apple API Home Automaton NS a* path finding aggregation alias amazon aws android anthropic apn array attributes banking base64 broadcast browser condition crypto currency date discord dobot edifact events field validation fields files finance float floriday flow foreach ftp function execution function selectors funnels geopoint github globals google google maps http http connection injectable functions json json web token jsonp lettermint line stop listener locking logging mailchimp math messagebird modal functions mollie mssgs mssql mutations number object openstreetmap pathfinding places postmark postmark account printer query querystring queue redis references regexp saltedge scopes session management sftp shipping soap connection state state actions state elements state events state execution state triggers state ui storage studio functions stylesheet styling system settings threads tikkie timers timezone translations twilio twinfield type casting ui ui class users value vat video webhooks websocket xml zip zpl
Block Templates Finding Blocks

Interfaces

Context Menu Components RUAL Library RUAL Components RUAL Studio Handle Iterations Overwrite Defaults Login Escape Hatch

Blueprints

Introduction Tips & tricks Best Practices Common Blueprint Patterns Block Execution Object References Locking & Concurrency Storages Storage Events Storage Examples Repeating Events Queue Assets System Settings System Settings Reference Common pitfals Precompiling Remote access control Places and Geo Search

Tutorials

Building User Authentication Creating a REST API Dashboard with Charts File Upload & Processing Email System Setup Third-Party Integrations Building AI Endpoints Building a Login Page Building a Reporting API City Filter Uploads API with Locking Local Home Automation

Home Automation

Introduction Setting Up a Nano Discovering and Adopting Trigger Reference Action Reference Example Flows History and Energy Troubleshooting

Examples

Simple Blog E-Commerce Catalog User Management Booking System Inventory Tracker Task Management

Reference

Block Quick Reference API Endpoint Reference System Settings Quick Ref Component Props Reference Error Code Reference Location Blocks

Architecture

Choosing Your Approach Version Management RUAL Core Nano

Troubleshooting

Common Issues & Fixes Debugging Blueprints

Other

React Native
Support
© 2026 Deverence Group B.V.

line chart

This block is part of the Component UI group and was last modified in core v10.4.28.

line chart v10.4.28

Basic line chart

In pins 17
  • Name required
    value
  • Data
    array
  • X Axis required
    fielddefinitions
  • Y Axis required
    fielddefinitions
  • Row Colors
    array

    Sets the colors of the background rows

    Default #fff

  • Data colors
    array

    Sets the colors of the lines

  • Title align
    value

    Align the title, options: Left, Center, Right

    Default left

  • Height
    number
  • Curve
    value
  • Theme
    value
  • Color palette
    value

    Changes the colors of the lines to presets made by Apexcharts

    Default palette1

  • Line width
    number

    Default 2

  • Marker size
    number
  • Show data labels
    condition
  • Label fontsize
    value

    Default 12px

  • Label Color
    value

    Default #fff

  • Zoom
    condition

    When set to true the user can zoom in on the data

    Default false

Out pins 1
  • uicomponent
    uicomponent
graph

A typical wiring for line chart: value feeds the co-name pin; combine feeds the co-xaxis pin; combine feeds the co-yaxis pin; the uicomponent out pin feeds build PDF.

Studio canvas example for the line chart block: typical wiring for line chart.

Version history

Introduced in v10.4.28.

Back to Component UI Return to the main group to view all sub-groups Back to apexcharts Return to the group to view all blocks within this group

Was this page helpful? Tell us what to improve · RUAL Docs is an integral component of the RUAL ecosystem